body{font: 14px Arial,"微软雅黑";color: #444;} *{ margin:0; padding:0} body,tr,td,table,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,input{ padding:0; margin:0; font-weight:normal} a{ text-decoration:none; color:#444} a:hover { color:#db241e} img{ border:none;} ul li{list-style:none;} .clear{ clear:both} .fr{ float:right} .fl{ float:left} .bggrey{ background:#f8f8f8} .contain{ width:1005px; margin:0 auto;} .header{ height:120px;} .headertop{ background:#f6f6f6; border-bottom:1px solid #e0e0e0; height:30px; line-height:30px;} .headlogo{height:58px; margin:20px auto} .ilogo{ width:464px; background:url(../images/logo_03.png) left center no-repeat; height:55px; overflow:hidden; display:block; text-indent:-1000px} .itel{ background:url(../images/tel.png) left center no-repeat; padding-left:30px; font-size:14px; line-height:30px; height:30px} .itelnum{font-family:Georgia; font-size:18px; color:#db241e;} .menu{ background:#db241e; height:42px; line-height:42px} .nav li.active{background:#980600;} .nav li a{display: block;color: #fff; line-height:42px; } .nav li a:hover,.nav li.hover a{color: #fff;background:#980600;} .nav>li{float: left;width:calc(100% / 7);text-align: center;font-size: 14px;transition: .4s;position:relative;} .nav .nav>li a{color: black;} .nav .two{display: none; } .nav>li:hover .two{ z-index:99; position:absolute;display: block; width:100%;background: #db241e;} .nav .two li{transition: .4s;cursor: pointer; } .nav .two li:hover{} .imglist {width:100%;height:336px;font-size: 40px;text-align: center;margin:0 auto;} .carousel-item{line-height: 336px;color: #fff;font-family: Arial Black} .ft-carousel { position: relative; width: 100%; height: 100%;overflow: hidden;} .ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;} .ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;} .ft-carousel .carousel-item img {width: 100%;} .ft-carousel .carousel-indicators { position:absolute;left:0;bottom:10px;width:100%;ext-align: center;font-size: 0;} .ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px; background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer;} .ft-carousel .carousel-indicators span.active {background-color: #de3a3a;} .ft-carousel .carousel-btn {position: absolute; top: 50%;width: 50px;height: 45px;margin-top: -25px; cursor: pointer;} .ft-carousel .carousel-prev-btn {left: 0;background: url(../images/prev.png) no-repeat;} .ft-carousel .carousel-next-btn {right: 0;background: url(../images/next.png) no-repeat;} .iprolist{ padding-top:100px;} .iprolist h2{font-size: 26px; text-align:center} .icsen{font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX;color: #c1c1c1;font-size: 16px; text-align:center} .icstype{ margin:25px 0; text-align:center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .icstype a{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 10px 28px} .icstype a:hover{ background:#db241e; color:#fff} .iprol dl{width:300px;margin:10px 30px 45px 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; float:left; border:1px solid #dedede} .iprol dl:hover{border-color: #ff7e46;box-shadow: 0 12px 10px rgba(0, 0, 0, 0.1); } .iprol dl a{ display:block} .iprol dl .ddimg{width:300px; height:205px; overflow:hidden;} .iprol dl:hover img{transform: scale(1.08, 1.08);} .iprol dl img{ width:300px; height:205px;transition: all ease-out .3s;} .iprol dl .prona{height:70px;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 10px 0 0 10px;} .iprol dl:hover .prona{padding:10px 0 0 20px;background:#db241e;} .iprol dl:hover dt{color:#fff} .iprol dl .prona dt{ } .iprol dl .prona dd{color: #b7b7b7;display: block; font-size:12px;height: 20px;line-height: 24px; margin-top:8px} .iprol dl:hover dd{color:#fff} .iabout{ padding:45px 0} .iaboutimg{width:400px; height:250px; float:left} .iaboutimg img{ width:400px; height:250px;} .iabout dl{ float:right; width:50%} .iabout dl dt{font-size: 24px;line-height: 30px;color: #555;margin-bottom:35px;} .iabout dl dd{font-size: 13px;line-height: 26px;color: #999;margin-top:10px;} .iabout dl dd a{ transition: all .36s ease; border:1px solid #999; padding:5px} .iabout dl dd a:hover{background: #db241e; color:#fff;padding:5px 24px; border: 1px solid #db241e} .icase{ padding:60px 0} .icase h2{font-size: 26px; text-align:center} .icasels{ margin:30px 0} .caseitem{height:220px; width: 220px;background: #fff;padding: 7px;transition: all 0.3s ease-out 0s; border:1px solid #d9d9d9; float:left; margin: 0 15px 35px 0; } .caseitem:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);border:1px solid #999; } .caseitemimg{position: relative;overflow: hidden;} .caseitem img{transition: all .36s ease;display: inline; width:220px; height:140px} .caseitem:hover img{transform: scale(1.08);} .caseitem dt{font-size: 14px; padding:8px 0; color:#333; text-align:center;} .caseitem dd{ color: #8d8d8d; font-size:12px} .caseitem:hover dt{color: #e40807;} .zzitem{height:280px; width: 220px;background: #fff;padding: 7px;transition: all 0.3s ease-out 0s; border:1px solid #d9d9d9; float:left; margin: 0 15px 35px 0; } .zzitemimg {} .zzitemimg img{width: 220px;height:250px} .zzitem dt{font-size: 14px; padding:8px 0; color:#333; text-align:center;} .inews{ padding:35px 0} .inesty{ height:30px; margin-bottom:25px} .inesty h2{ float:left;font-size:18px;} .inewl{ float:right} .inewl a{ margin-right:15px} .inewshot{ float:left; width:300px;background:#db241e; padding-bottom:15px} .inhotimg{ width:300px; height:170px; overflow:hidden} .inewshot img{width:300px; height:170px;transition: all 0.36s ease;} .inewshot:hover img{transform: scale(1.08);} .inewshot dt { color:#fff; border-bottom:1px solid #fff; margin: 10px; line-height:45px; padding:0 15px} .inewhdes{color:#fff;padding:0 15px; font-size:12px} .inewslist { float:right; width:610px} .inewslist li{ height:40px; line-height:40px; border-bottom:1px solid #dfdfdf;transition: all 0.36s ease;} .inewslist li:hover{ padding:0 15px} .inewslist li .intitle{ float:left; width:400px; padding-left:5px} .inewslist li .itime{ float:right; width:107px; text-align:right} /*news*/ .main_mews{ width:100%; height:41px; background:url(../images/newbg.jpg) repeat-x;} .main_mews01{ width:1004px; margin:0 auto; overflow:hidden} .main_mews01 h3{ height:41px; line-height:45px; background:url(../images/news.png) 3px no-repeat; padding-left:30px; color:#0462b4; font-size:14px; font-weight:bold; float:left;} .main_mews01 span a{ float:right; width:63px; line-height:45px; color:#0462b4; display:block;} .gunnews {float: left;} #scrollDiv { overflow:hidden; width:600px;} #scrollDiv li { height:20px; padding-left:5px;} #scrollDiv li span{ color:#999999} #scrollDiv li a{ font-weight:bold; color:#4b4b4b} /*main_home01*/ .main_home01{ width:1004px; margin:18px auto} .main_home01top{ border-bottom:2px solid #ccc; height:31px;} .main_home01top h3{ width:170px; height:31px; float:left; line-height:31px; border-bottom:2px solid #0462b4;} .main_home01top span a{ float:right; width:63px; line-height:31px; color:#0462b4; display:block;} #zSlider{margin:20px auto; width:1004px; height:330px;} #picshow{position:relative;} #picshow,#picshow_img{width:760px; height:330px; overflow:hidden; float:left;} #picshow_img li{width:760px; height:330px; overflow:hidden; float:left; display:none;} #picshow_img li dl{ width:251px; height:167px; float:left} #picshow_img li dl a:hover{ color:#ff0000} #picshow_img li dl dt{ width:231px;} #picshow_img li dl dt img{ width:231px; height:135px} #picshow_img li dl dd{ width:231px; height:28px; line-height:28px; text-align:center; font-weight:bold;} #picshow_img li dl dd a{ color:#4b4b4b} #select_btn{width:240px; height:330px; color:#111; float:right; display:inline;} #select_btn ul li{ height:46px; line-height:46px; padding-left:25px; cursor:pointer; border:1px solid #d4d4d4; margin-bottom:-1px; background:url(../images/jt02.png) 10px no-repeat} #select_btn li.current:hover{ padding-left:25px; background:url(../images/jt01.png) 10px no-repeat #0462b4; color:#ffffff;} #select_btn li.current{ padding-left:25px; background:url(../images/jt01.png) 10px no-repeat #0462b4; color:#ffffff;} #select_btn .select_date{ height:23px; line-height:23px; overflow:hidden; display:block;} /*main_home02*/ .main_home02{ width:1004px; margin:22px auto;} .pro-list{ width:1004px; margin:0 auto;} .pro-list ul{ list-style-type:none; overflow:hidden;*zoom:1;} .pro-list ul li{float:left; height:42px; font:14px/42px "微软雅黑"; position:relative; color:#333; cursor:pointer; } .pro-list ul li.pro-one{ width:191px; background:url(../images/pro001.gif) no-repeat; background-size:100% 100%; padding-left:59px;} .pro-list ul li.pro-two{ width:185px; background:url(../images/pro002.gif) no-repeat; padding-left:69px;} .pro-list ul li.pro-three{ width:188px; background:url(../images/pro003.gif) no-repeat; padding-left:62px;} .pro-list ul li.pro-four{ width:188px; background:url(../images/pro004.gif) no-repeat;padding-left:62px;} .pro-list ul li.pro-one span.cur{ width:191px; height:42px; display:block; background:url(../images/pro01.gif) no-repeat; background-size:100% 100%; color:#fff; padding-left:59px; position:absolute; top:0; left:0; z-index:999;} .pro-list ul li.pro-two span.cur{ width:185px; height:42px; display:block; background:url(../images/pro02.gif) no-repeat; color:#fff; padding-left:69px; position:absolute; top:0; left:0; z-index:999;} .pro-list ul li.pro-three span.cur{ width:188px; height:42px; display:block; background:url(../images/pro03.gif) no-repeat; color:#fff; padding-left:62px; position:absolute; top:0; left:0; z-index:999;} .pro-list ul li.pro-four span.cur{ width:188px; height:42px; display:block; background:url(../images/pro04.gif) no-repeat; color:#fff; padding-left:62px; position:absolute; top:0; left:0; z-index:999; } .pro-list ul li p.more{ height:42px; font:12px/42px Arial; position:absolute; right:10px; top:-10px; z-index:9999;} .pro-list ul li p.more a{ color:#fff; text-decoration:none; } .pro-list ul li p.more a:hover{ color:#fff; text-decoration:underline;} .pro-kuang{ width:1004px; margin:20px auto; overflow:hidden; *zoom:1;} .pro-kuang .left{ width:760px; height:330px; float:left;} .pro-kuang .right{ width:240px; height:330px; float:right;} .pro-details dl{ width:360px; height:141px; border:1px solid #d4d4d4; float:left; margin-right:18px; margin-bottom:15px; background:#f6f6f6;} .pro-details dl dt{ width:130px; height:105px; float:left; border:1px solid #dddddd; background:#ffffff; margin:12px 0px 0px 12px; padding-top:10px} .pro-details dt:hover{ border:1px solid #ff0000; display:block} .pro-details dl dt img{ width:130px; height:89px; display:block } .pro-details dl p{ margin-top:-8px; width:130px; height:25px; font-family:"微软雅黑"; font-weight:bold; line-height:20px; position:absolute; background:#4389c7; color:#ffffff; text-align:center; overflow:hidden;} .pro-details dl dd{ float:right; width:180px; height:90px; overflow:hidden; margin-top:12px; line-height:18px; margin-right:20px; color:#666666} .pro-details dl dd strong{ width:180px; height:20px; overflow:hidden; display:block;} .pro-details dl dd strong a{color:#4a4a4a} .pro-details dl dd strong a:hover{color:#ff0000} .pro-service{ background:url(../images/er.jpg) no-repeat; height:95px; padding-left:130px; padding-top:20px; line-height:20px; font-size:14px; font-family:"微软雅黑";} .pro-service a{ color:#333333;} .pro-service a:hover{ color:#ff0000} .main_homebg{ height:50px;} .right .right01{ margin-bottom:12px;} .abpro{ margin-top:15px; } .abtype{ background:#db241e; height:35px; line-height:35px; padding:0 15px; color:#fff;border-radius:5px;} .abtype a{ border-left:2px solid #fff; padding-left:8px ;color:#fff; font-size:14px} .abprolist{ height:190px;} .abprolist ul{ margin-left:10px;} .abprolist ul li { float:left; margin:10px 15px 0 0} .abprolist ul li img{ width:160px; height:140px; padding:2px; border:1px solid #cccccc;} .abprolist ul li p{ text-align:center; margin-top:6px} .abnewsl{ width:240px;} .abnewst{ background:#db241e; height:35px; line-height:35px; padding:0 15px; color:#fff;border-radius:5px;} .abnewst a{ border-left:2px solid #fff; padding-left:8px ;color:#fff; font-size:14px} .abnewlist ul{} .abnewlist ul li{ background:url(../images/iconi.png) left center no-repeat; border-bottom:1px dotted #cccccc; padding-left:8px; height:35px; line-height:35px } .abnewlist ul li:hover{background:url(../images/iconj.png) left center no-repeat; } .abnarl li{ float:left; width:47%} .abnarl li:nth-child(2n){ float:right;} /*main_home03*/ .main_home03{ width:1004px; height:265px; margin:18px auto} .main_home03left{ width:684px; float:left;} .main_home03right{ width:300px; float:right;} .main_home03left01{ width:364px; float:left;} .main_home03left02{ width:300px; float:right;} .main_home03lefttop{ height:29px; border-bottom:2px solid #ccc} .main_home03lefttop h3{ width:80px; font-size:18px; font-family:"微软雅黑"; height:29px; line-height:29px; border-bottom:2px solid #0462b4; float:left} .main_home03lefttop span{ float:right; width:50px; display:block; height:29px; line-height:29px;} .main_home03lefttop span a{ color:#000000} .main_news,.main_honner,.main_shiping{ margin-top:18px; overflow:hidden} .main_news dl{ width:319px; height:70px;} .main_news dl dt{ float:left; width:103px;} .main_news dl dt img{ width:90px; height:56px} .main_news dl dd{ width:216px; height:56px; overflow:hidden; float:right; line-height:18px;} .main_news dl dd strong{ display:block; width:216px; height:20px; overflow:hidden; text-overflow:ellipsis; line-height:20px;} .main_news dl dd strong a{ color:#000000} .main_news dl dd strong a:hover{ color:#ff0000} .main_honner ul li{ border:1px solid #d1d1d1; width:81px; height:93px; float:left; margin:0px 12px 10px 5px; overflow:hidden} .main_honner ul li:hover{ border:1px solid #ff0000} .main_honner ul li img{width:81px; height:93px;} /*link*/ .main_link{ background:#ebebeb; width:100%; height:143px;} .main_link01{ height:22px;} .main_link02{ background:#f9f9f9; width:987px; height:100px; margin:0 auto; padding-left:17px; line-height:22px;} .main_link02 a{ color:#666666;} .main_link02 a:hover,.main_bottom a:hover{ color:#ff0000;} /*bottom*/ .main_bottom{ width:100%; height:122px; background:#008cd6; padding-top:23px; color:#ffffff; text-align:center; line-height:22px; } .main_bottom p{ line-height:22px; margin:0; padding:0;} .main_bottom a{color:#ffffff;} .main_bottom a:hover{ color:#FF0;} .main_center{ width:1004px; margin:0px auto;} #foot_nav{ width:100%; margin-left:100px;} .main_bottomlink{ height:30px; display:block; border-bottom:2px solid #009be5; text-align:left; font-size:16px; font-family:"微软雅黑";; font-weight:normal;} .main_bottom ul{ text-align:left;} .main_bottom ul li{ display:inline; padding:15px 5px; font-family:"微软雅黑";} .foot_bottom{ height:152px; background:url(../images/youpai_04.jpg) repeat-x center center; width:100%;} #main_foot{ width:1004px; margin:0px auto;} #main_foot_l{ width:243px; float:left; height:152px; background:url(../images/youpai_03.jpg) no-repeat right center;} #main_foot_l img{ margin-top:30px;} #main_foot_r{ width:740px; float:right; padding-left:20px; padding-top:20px;} #main_foot_r p{ line-height:20px;} .submit{ background:#39F; color:#FFF; padding:5px 10px; border:none;} #pop{background:#fff;width:300px;border:1px solid #e0e0e0;font-size:12px;position: fixed;right:0px;bottom:0px; z-index:999999;} #popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;position:relative;font-size:12px;padding:0 0 0 10px;} #popHead h2{font-size:14px;color:#666;line-height:32px;height:32px; font-size:"微软雅黑"; color:#F00;} #popHead #popClose{position:absolute;right:10px;top:1px;} #popHead a#popClose:hover{color:#f00;cursor:pointer;} #popContent{padding:5px 10px;} #popTitle a{line-height:24px;font-size:14px;font-family:'微软雅黑';color:#333;font-weight:bold;text-decoration:none;} #popTitle a:hover{color:#f60;} #popIntro{text-indent:24px;line-height:160%;margin:5px 0;color:#666;} #popMore{text-align:left;border-top:1px dotted #ccc;line-height:24px;margin:8px 0px 0 0;} #popMore a{color:#f60;} #popMore a:hover{color:#f00;} .pageJump{} .pageJump .number{ float:left; padding:12px 0px 12px 16px;} .pageJump .number li{float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9; list-style:none} .pageJump .number li a{ float:left; padding:2px 4px 2px;color:#555; display:block;} .pageJump .number li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px;} .pageJump .number li.thisclass, .pageJump .number li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold;} .pageJump .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999;} .pageJump .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px;} .page{} .page ul{} .page ul li{ height:30px; line-height:30px;border-bottom:1px dotted #cccccc;} .contact{width: 180px;height: auto;background-color: #fff;box-shadow: 0 5px 9px rgba(4,0,0,.17);position: fixed;right: 7px;bottom:188px;z-index: 99999;margin-right: -10px;} .conhead{ padding: 20px;line-height: 16px;height: 16px;background: #db241e; color: #fff;font-size: 14px;} .contlist{ padding:8px 0} .conqq{background:url(../images/qq.png) left center no-repeat; background-size:30px 39px; background-position:2px;border-bottom: 1px solid #f0f0f0; padding-left:35px; height:35px; line-height:35px} .conqq a{ display:block} .contel{background:url(../images/tel.png) left center no-repeat; background-position:5px;border-bottom: 1px solid #f0f0f0; padding-left:35px; height:35px; line-height:35px} .conwx{ text-align:center; margin-top:8px} .cwxp{background:url(../images/wx.png) left center no-repeat; background-size:25px 25px;background-position:5px; text-align:left;padding-left:35px; height:35px;line-height:35px} .fa-times::before { content: "\f00d";} .izl-rmenu{margin-right: 0; width:45px;position: fixed;right: 2px; top: 60%; -webkit-box-shadow: #DDD 0px 1px 5px; -moz-box-shadow: #DDD 0px 1px 5px;font-size: 14px;text-align: center; box-shadow: #DDD 0px 1px 5px; z-index:999;} .izl-rmenu .consult{ background: url(../images/rtel.png) center center no-repeat #c8c8c8; display: block; height:45px; width: 45px; cursor:pointer} .izl-rmenu .consult:hover{background: url(../images/rtel.png) center center no-repeat #db241e;} .izl-rmenu .consult .phone { background-color:#db241e; position: absolute; width: 160px; left: -160px; top: 0px; line-height: 45px; color: #fff; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;} .izl-rmenu a.consult:hover .phone{display:inline !important;} .izl-rmenu .cart { background: url(../images/rwx.png) center center no-repeat #c8c8c8; display: block; height: 45px; width:45px; cursor:pointer } .izl-rmenu .cart:hover{background: url(../images/rwx.png) center center no-repeat #db241e;} .izl-rmenu .cart .pic {display:none; position: absolute;left: -160px; top: 45px; width: 160px; height: 160px; background:url(../images/weixin.jpg) top right no-repeat #fff;} .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .qq { background: url(../images/rqq.png) center center no-repeat #c8c8c8; display: block; height: 45px; width:45px; cursor:pointer } .izl-rmenu .qq:hover{background: url(../images/rqq.png) center center no-repeat #db241e;} .izl-rmenu .qq .qqa { background-color:#db241e; position: absolute; width: 160px; left: -160px; top:90px; line-height: 45px; color: #fff; display: none; box-shadow: #DDD -1px 1px 4px;} .izl-rmenu a.qq:hover .qqa{display:inline !important;} .izl-rmenu .rwlogo { background: url(../images/rwlogo.png) center center no-repeat #c8c8c8; display: block; height: 45px; width:45px; cursor:pointer } .izl-rmenu .rwlogo:hover{background: url(../images/rwlogo.png) center center no-repeat #db241e;} .izl-rmenu .rwlogo .zdk { background-color:#db241e; position: absolute; width: 160px; left: -160px; top:135px; line-height: 45px; color: #fff;text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;}